<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection">
     <meta name="screen-orientation"content="portrait">
    <title>分享下载</title>
    <meta name="keywords" content="专业的包车服务网站" />
    <meta name="description" content="霞客约车是一家专门做包车的网站，服务至上" />
    <link rel="stylesheet"  href="${ctxStatic }/index/css/reset.css"/>
    <script src="${ctxStatic }/jquery/jquery-1.8.3.min.js"></script>
    <script src="${ctxStatic }/index/font-awesome/fontSize.js" ></script>
    <link rel="stylesheet"  href="${ctxStatic }/index/font-awesome/css/font-awesome.min.css"/>
    <link href="${ctxStatic }/index/css/share-download.css" rel="stylesheet">
    <style>
			#weixin-tip {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				background: rgba(0, 0, 0, 0.8);
				filter: alpha(opacity=80);
				width: 100%;
				height: 100%;
				z-index: 100;
			}
			
			#weixin-tip p {
				text-align: center;
				margin-top: 10%;
				padding: 0 5%;
				position: relative;
			}
			
			#weixin-tip p img {
				max-width: 100%;
				height: auto;
			}
			
			#weixin-tip .close {
				color: #fff;
				padding: 5px;
				font: bold 20px/24px simsun;
				text-shadow: 0 1px 0 #ddd;
				position: absolute;
				top: 0;
				left: 5%;
			}
		</style>
</head>
<body>
<div style="width: 100%;float: left;">
    <div class="main">

        <p><img src="${ctxStatic }/index/images/xiakeicon@2x.png"></p>
        <p>霞客约车</p>
    </div>
    <div class="down-fixed">
    <div class="ios">
    <a href="https://itunes.apple.com/us/app/%E9%9C%9E%E5%AE%A2%E7%BA%A6%E8%BD%A6/id1263380176?l=zh&ls=1&mt=8" class="main-1">
        <div>
            <p><img src="${ctxStatic }/index/images/IOS@2x.png"></p>
            <p style="color: #333">
            IOS下载
            </p>
        </div>
     </a>
    </div>
    <div class="anzhuo">   
    <a href="${pageContext.request.contextPath }/download?name=xiakeyueche.apk" class="main-1 android-btn" id="J_weixin">
        <div >
            <p><img src="${ctxStatic }/index/images/anzhuo@2x.png"></p>
            <p style="color: #333">安卓下载</p>
        </div>
     </a>
    </div>
    </div>
    <div class="main-2">
        <img src="${ctxStatic }/index/images/shouji@2x.png">
    </div>
    <div id="weixin-tip">
		<p>
			<img src="${ctxStatic }/index/images/live_weixin.png" alt="微信打开" />
			<span id="close" title="关闭" class="close">×</span>
		</p>
	</div>
</div>
</body>
<script type="text/javascript">
			var is_weixin = (function() {
				return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1
			})();
			window.onload = function() {
				var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS，不需要的可以去掉
				var btn = document.getElementById('J_weixin');
				var tip = document.getElementById('weixin-tip');
				var close = document.getElementById('close');
				if(is_weixin) {
					btn.onclick = function(e) {
						tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
						tip.style.display = 'block';
						return false;
					}
					close.onclick = function() {
						tip.style.display = 'none';
					}
				}
			}
		</script>
</html>